<!DOCTYPE html>
<html class="google" lang="en">
  <head>
    <script>
      (function(H){H.className=H.className.replace(/\bgoogle\b/,'google-js')})(document.documentElement)
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>{{ coursesetup.coursename }}</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <link href="/assets/css/main.css" rel="stylesheet" type="text/css">
    <link href="/assets/css/jquery.wysiwyg.css" rel="stylesheet" type="text/css">
    <link href="/assets/css/smoothness/jquery-ui-1.8.23.custom.css" rel="stylesheet" type="text/css">
    
    <script 
    	data-page-module="{{ javascript_main_module }}" 
    	data-main="/assets/js/main"
    	src="/assets/js/libs/require.js" ></script>

    <script type="text/javascript">
      window.___gcfg = {lang: 'en'};
      (function() 
        {var po = document.createElement("script");
        po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>

    {% if coursesetup.analytics_id %}
			<script type="text/javascript">

			  var _gaq = _gaq || [];
			  _gaq.push(['_setAccount', '{{ coursesetup.analytics_id }}']);
			  _gaq.push(['_trackPageview']);

			  (function() {
			    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			  })();

			</script>
    {% endif %}

    <link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin" rel="stylesheet">

  </head>
  <body>
  
  
    <!-- logo bar -->
    <div class="gcb-header" id="gcb-header">
      <div class="gcb-aux">
        <h1>
          <a href="{{ coursesetup.inst_url }}"><img src="{{ coursesetup.inst_logo }}" height="50" ></a>
        </h1>
        <h2>
          <a href="/{{ coursecode }}" class="gcb_a_editable"  gcb-a-action="/editor/{{ coursecode }}/course/header_phrase/"  >{{ coursesetup.header_phrase }}</a>
        </h2>
        <span class="plusone-button" id="plusone-3" style="height: 15px; width: 70px; display: inline-block; text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; background-position: initial initial; background-repeat: initial initial; ">
          <g:plusone size="medium"></g:plusone>
        </span>
      </div>
    </div>  

    <!-- nav bar -->
    <div class="gcb-nav gcb-complex" id="gcb-nav-x">
      <div class="gcb-aux">
        <ul>
          <li {% if navbar.home %}class='active'{% endif %}>
            <a href="/">Home</a>
          </li>
          <li {% if navbar.course %}class='active'{% endif %}>
            <a href="/{{ coursecode }}/course">Course</a>
          </li>
          <li {% if navbar.forum %}class='active'{% endif %}>
            <a href="/{{ coursecode }}/forum">Forum</a>
          </li>
          {% include "fragments/menu-bar.html" with context %}
        </ul>
      </div>
    </div>

    <!-- top section -->
    <div class="is-wrapper">
      <div class="gcb-aux">
    {% block top_content %}{% endblock %}

    <!-- main section -->
    {% block main_content %}{% endblock %}
      </div>
    </div>

    <!-- footer section -->
    <div style="margin-top: 50px;" id="gcb-signature"></div>
    <div class="gcb-footer" id="gcb-footer">
      <div id="gcb-footer-local">
        <div class="gcb-aux">
        </div>
      </div>
      <div id="gcb-footer-global">
        <div class="gcb-aux">
          <ul>
            <li>
              <a href="{{ coursesetup.inst_url_footer }}"  class="gcb_a_editable" gcb-a-action="/editor/{{ coursecode }}/course/inst_name/"  >{{ coursesetup.inst_name }}</a>
            </li>
            <li>
              <a href="{{ coursesetup.privacy_url_footer }}">Privacy &amp; Terms</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    
 </body>
</html>
